﻿@{
    Page.Title = "www.CambiaTuLibro.com";
    Layout = "_Layout.cshtml";
}

<div id="content_right">
<!--Breve Descripcion de los libros-->
 <div id="desc-box" class="login-popup">
        <a href="#" class="close"><img src="imagenes/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
          <form method="post" class="signin" action="#">
              <div id="content_left">
                    <img src="images/el-remo-de-caronte.jpg" alt="" title="" class="thumb" border="0" />
              </div>
             
                  <h4>El remo de caronte</h4>
                  <br />
                  <p>
                      Desde la curiosa mirada de Hipatia les queremos descubrir <br />
                      la primera novela de Alfonso Villar, El remo de Caronte, <br />
                      un thriller donde la muerte juega un papel crucial a lo largo <br />
                      de toda la trama, pues,   no es casual que Esteban Oporto se <br />
                      despierte solo. Tampoco es casual que al hacerlo dé un grito <br />
                      que llame la atención del portero del hostal. En sus propias <br />
                      carnes Esteban ha visto escasas horas antes cómo la chica que <br />
                      podría haber sido la definitiva moría a manos del asesino contratado <br />
                      por el marido de ésta, Arturo Ojeda.<br />
                  </p>
              <br />
               @if(WebSecurity.IsAuthenticated)
               {
              <select>
                  <option value="Libro1">Experimentos Universales</option>
                  <option value="Libro2">Fotografia Digital</option>
                  <option value="Libro3">Los suenos de la Diosa</option>
                  <option value="Libro4">La ladrona de libros</option>
              </select>
              <button id="intercambiar" title="Intercambiar">Intercambiar</button>
               }      
              
          </form>
		</div>
    
<!--fin descripcion-->

<div id="wrap">

           
       <div id="content_right">
       	
        	<!--<div class="crumb_nav">
            <a href="index.html">home</a> &gt;&gt; category name
            </div>-->
           <!--Titulo Categorias-->
            <!--<div class="title"><h1>Libros</h1></div> -->
           <h1>Libros</h1>

           <!--Imagenes de libros con Categorias-->
           <div class="new_products">
           
                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">El remo de caronte</a>
                        <div class="new_prod_bg">
                        <a href="#desc-box" class="login-window"><img src="images/el-remo-de-caronte.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
            </div>        
                    
                   <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">El circo</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/elcirco.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>                    
                    
                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">El juego de pelota</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/special_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/Eljuegodepelota.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>          


                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Experimentos Universales</a>
                        <div class="new_prod_bg">
                        <a href="#desc-box" class="login-window"><img src="images/experimentos-universales.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>
                    
                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">La ladrona de libros</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/BS.png" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/la-ladrona-de-libros.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>                    
                    
                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">La puerta oculta</a>
                        <div class="new_prod_bg">
                        
                        <a href="#desc-box" class="login-window"><img src="images/la-puerta-oculta.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div> 
       
                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Siria mas alla...</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/BS.png" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/siria-mas-alla-de-bab-al-salam.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div> 

                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Socorro padre novato</a>
                        <div class="new_prod_bg">
                        <a href="#desc-box" class="login-window"><img src="images/SocorroPadreNovato.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>
                    
                     <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">DerechoMercantil</a>
                        <div class="new_prod_bg">
                        <a href="#desc-box" class="login-window"><img src="images/DerechoMercantil.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>

                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Los suenos de la Diosa</a>
                        <div class="new_prod_bg">
                         <span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/nyx-los-suenos-de-la-diosa.jpg"  alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>
                    <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Fotografia Digital</a>
                        <div class="new_prod_bg">
                        <a href="#desc-box" class="login-window"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div>                  
                    
               <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Simple Food</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
                        </div>           
                    </div> 

               <div class="new_prod_box">
                        <a href="#desc-box" class="login-window">Como el olvido congela...</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/como-el-olvido-congela-los-besos.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>
               </div>
               <div class="new_prod_box">    
                        <a href="#desc-box" class="login-window">Cuentos para comer</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/CuentosParaComer.jpg" alt="" title="" class="thumb" border="0" /></a>
                        </div>    
                </div>
               <div class="new_prod_box">   
                        <a href="#desc-box" class="login-window">Derecho Mercantil</a>
                        <div class="new_prod_bg">
                        <span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
                        <a href="#desc-box" class="login-window"><img src="images/DerechoMercantil.JPG" alt="" title="" class="thumb" border="0" /></a>
                        </div>         
               </div> 

            <div class="pagination">
            <span class="disabled"><<</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a>…<a href="#?page=199">10</a><a href="#?page=200">11</a><a href="#?page=2">>></a>
            </div>  
            
            </div> 
          
            
        <div class="clear"></div>
        </div><!--end of left content-->
        
 </div>

    </div>